<div id="chart-dragable-menu">
	<table class="table table-center bg-white table-border-black">
		<tr class="success">
			<td class="title bg-draw-blue color-white" colspan=2>Chart Tools</td>
		</tr>
		<tr class="error">
			<td>				
				<div class="btn-toolbar">
					<div class="btn-group">
						<input type="text" id="value-chart">
						<input type="button" class="submit-input-value" value="adding">
					</div>
				</div>
				<div id="list-value">
				</div>
				<div>
					<input type="button" class="delete-row-button" value="delete row" />
				</div>
			</td>
			<td>
				<div class="btn-toolbar" id="left-toolbox">
					<div class="btn-group">
						<input type="radio" name="radio-direction" class="radio-direction" id="vertical" value="vertical" checked="checked"> Vertical Direction<br>
						<input type="radio" name="radio-direction" class="radio-direction" id="horizontal" value="horizontal"> Horizontal Direction<br>
					</div>
				</div>
				<div class="btn-toolbar" id="left-toolbox">
					<div class="btn-group">
						<input type="radio" name="radio-chart" class="radio-chart" id="bar" value="bar" checked="checked"> Bar Chart<br>
						<input type="radio" name="radio-chart" class="radio-chart" id="line" value="line"> Line Chart
					</div>
				</div>
				<div class="btn-toolbar" id="left-toolbox">
					<div class="btn-group">
						<input type="checkbox" name="checkbox-button" id="3d" value="3d">3D Drawing
					</div>
				</div>
				<div class="btn-toolbar" id="left-toolbox">
					<div class="btn-group">
						<table style="border:0;">
							<tr>
								<td style="border:0; padding:0px;">Minimum</td>
								<td style="border:0; padding:0px;">: <input style="width:120px;" type="text" id="value-min"></td>
							</tr>
							<tr>
								<td style="border:0; padding:0px;">Maximum</td>
								<td style="border:0; padding:0px;">: <input style="width:120px" type="text" id="value-min"></td>
							</tr>
							<tr>
								<td style="text-align:left; border:0; padding:0px;">Unit</td>
								<td style="border:0; padding:0px;">: <input style="width:120px; " type="text" id="value-unit"></td>
							</tr>
						</table>
					</div>
				</div>
				<div class="btn-toolbar" style="border-bottom: 1px solid; clear: both; padding: 2px;">
					<div class="btn-group">
						<div id="color-chart">
							<input type="button" class="color-button" value="Chart color" />
						</div>
					</div>
				</div>
				<div class="btn-toolbar" id="left-toolbox">
					<div class="btn-group">
						<input type="checkbox" name="checkbox-gradient" id="gradient" value="gardient">The gradient bar chart
					</div>
				</div>
				<div class="btn-toolbar" style="border-bottom: 1px solid; clear: both; padding: 2px;">
					<div class="btn-group">
						<div id="color-start">
							<input type="button" class="color-button" value="Start color" />
						</div>
					</div>
				</div>
				<div class="btn-toolbar" style="border-bottom: 1px solid; clear: both; padding: 2px;">
					<div class="btn-group">
						<div id="color-end">
							<input type="button" class="color-button" value="End color" />
						</div>
					</div>
				</div>
				<div class="btn-toolbar" id="left-toolbox">
					<div class="btn-group">
						<input type="checkbox" name="checkbox-fill-back" id="fill-back" value="fill-back">I fill the background
					</div>
				</div>
				<div class="btn-toolbar" style="border-bottom: 1px solid; clear: both; padding: 2px;">
					<div class="btn-group">
						<div id="color-background">
							<input type="button" class="color-button" value="Background color" />
						</div>
					</div>
				</div>
			</td>
		</tr>
		<tr class="warning">
			<td colspan=2>
				Width(
				<input type="button" class="width-add-button" value="+" />
				<input type="button" class="width-min-button" value="-" />
				) Height (
				<input type="button" class="height-add-button" value="+" />
				<input type="button" class="height-min-button" value="-" />
				)
			</td>
		</tr>
		<tr class="warning">
			<td colspan=2>
				<input type="button" class="apply-chart-button" value="apply" />
				<input type="button" class="save-chart-button" value="<?=$this->lang->line('value_save');?>" />
				<input type="button" class="cancel-chart-button remove-pop" value="<?=$this->lang->line('value_cancel');?>" />
			</td>
		</tr>
	</table>
</div>